<template>
	<view class="contact">
		<image class="img" src="http://www.itcast.cn/2018czydz/images/gywmban.jpg"></image>
		<view class="info">
			<view @click="phone">联系电话：17679493229（点击拨打）</view>
			<view>校区地址：江西省赣州市江西环境工程职业学院</view>
		</view>
		<map class="map" 
		:longitude="longitude" 
		:latitude="latitude"
		:markers="markers"
		:scale="scale"></map>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				// longitude 经度
				longitude:114.91858,
				// latitude 纬度
				latitude:25.887075,
				// scale 地图缩放
				scale:14,
				// markers 位置标记
				markers:[
					{
						longitude:114.91858,
						latitude:25.887075,
						iconPath:"../../static/jxhj.png",
						width:30,
						hejght:30
					}
				]
			}
		},
		methods: {
			phone(){
				uni.makePhoneCall({
					phoneNumber:'17679493229'
				})
			}
		}
	}
</script>

<style lang="scss">
 .contact{
	 .img{
		 width: 750rpx;
		 height: 320rpx;
	 }
	 .info{
		 padding: 10rpx 20rpx;
		 font-size: 30rpx;
		 view{
			 line-height: 60rpx;
			 border-bottom: 1px solid #eee;
		 }
	 }
	 .map{
		 width: 750rpx;
		 height: 750rpx;
	 }
 }
</style>
